<template>
  <div class="four">
    <h3>〒_〒</h3>
    <p>不知道为什么，这个页面就这样不见了，可能是*******的原因导致的，表示很遗憾</p>
    <p class="red"><nuxt-link to="/">前往首页</nuxt-link></p>
  </div>
</template>

<script>
export default {
  props: ['error'],
  layout: 'blog', // 你可以为错误页面指定自定义的布局
  data () {
    return {
        time:10
    }
  },
}
</script>
<style scoped>
.four{
    font-size: 14px; line-height: 35px; padding: 55px 0 30% 0; text-align: center;
}
.four h3{
     font-size: 36px; line-height: 55px; color: #999; font-weight: 200;
}
.four p{
    color:#999; font-size: 16px;
}
.four .red{
    color:#00a2ca;
}
.four button{
    border:1px solid #56af45; margin-top: 15px; width: 70px; height: 70px; border-radius: 50%; background:#56af45; font-size: 12px; color: #fff; box-shadow: 0px 0px 20px #236500 inset;
}
</style>